<template>
    <view>
        <view class="modal-mask" @tap="hideModal" v-if="showModal" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask" @tap="hideModal" v-if="showModalcard" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask" @tap="hideModal" v-if="showModalsales" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalselect" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalproduct" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalcoupon" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <!-- 增加员工 -->
        <view class="modal-mask2" @tap="hideModal" v-if="showModalselects" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <!-- 地址 -->
        <view class="modal-mask" @tap="hideModal" v-if="showaddress" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <!-- 地址 -->
        <view v-if="showaddress" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-showaddress" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">修改地址</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>
                <view class="qrcodebox">
                    <view class="address-typebox">
                        <view class="typebox-lt">收货类型：</view>
                        <view class="align-end">
                            <view class="typeboxmax" v-for="(item, index) in addtypeList" :key="index">
                                <view class="typebox-rl">
                                    <view v-if="addtypeindex === index" :data-index="index" @tap="onClickaddtype" class="bigbox3">
                                        <view class="smbox"></view>
                                    </view>
                                    <view
                                        v-else
                                        class="bigbox3"
                                        :data-item="item"
                                        :data-stylistid="item.stylistId"
                                        :data-nickname="item.nickname"
                                        :data-index="index"
                                        @tap="onClickaddtype"
                                    ></view>
                                </view>

                                <view class="addtype">{{ item.addtype }}</view>
                            </view>
                        </view>
                    </view>
                    <view class="address-typebox2" v-if="addtypeindex == 0">
                        <view class="typebox-lt2">自提地址：</view>
                        <view>
                            <view class="align-end2" v-for="(item, index) in storeLocationDto" :key="index">
                                <view class="typeboxmax">
                                    <view class="typebox-rl">
                                        <view v-if="afhaindex === index" :data-index="index" :data-item="item" @tap="onClickafhalen" class="bigbox3">
                                            <view class="smbox"></view>
                                        </view>
                                        <view
                                            v-else
                                            class="bigbox3"
                                            :data-item="item"
                                            :data-stylistid="item.stylistId"
                                            :data-nickname="item.nickname"
                                            :data-index="index"
                                            @tap="onClickafhalen"
                                        ></view>
                                    </view>
                                    <view class="addtype">
                                        {{
                                            item.storeLocationDto.provinceName +
                                            item.storeLocationDto.cityName +
                                            item.storeLocationDto.districtName +
                                            item.storeLocationDto.location
                                        }}
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                    <view class="address-typebox3" v-if="addtypeindex == 1">
                        <!-- <view class="h-86 flexbox-sb">
          <view class="centers">
            <view class="text1">默认地址</view>
            <view class="placeholder-class" bindtap="showmolde">{{defaultaddress[0].province}}{{defaultaddress[0].region}}{{defaultaddress[0].city}}{{defaultaddress[0].addressName}}</view>
          </view>
          
       
        </view> -->
                        <view class="h-86 flexbox-sb">
                            <view class="centers">
                                <view class="text1">所在地区</view>
                                <view class="placeholder-class" @tap="showmolde">{{ city }}</view>
                            </view>
                            <view @tap="showmolde" class="centers">
                                <van-icon name="arrow-down" color="#FF8722" />
                            </view>
                            <!-- <view bindtap="getUserLocation" class="centers">
        <van-icon name="location-o" color="#FF8722" />
      </view> -->
                        </view>
                        <view class="centers detail">
                            <view class="text1">详细地址</view>
                            <textarea
                                class="textarea"
                                type="text"
                                :maxlength="max"
                                @input="inputEdit"
                                v-model="detailAddress"
                                @blur="editInputBlur"
                                placeholder="小区楼栋/乡村名称"
                                placeholder-class="textarea-placeholder"
                                data-name="detailAddress"
                            ></textarea>
                        </view>
                    </view>
                </view>
                <view class="on-bntaddre">
                    <view class="cancel-bnt" @tap="hideModal">取消</view>
                    <view class="confirm-bnt" @tap="ascertainselected">确定</view>
                </view>
            </view>
        </view>
        <view v-if="showModalselects" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">增加员工</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>

                <view class="qrcodebox">
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            maxlength="11"
                            @input="blurPhone3"
                            value=""
                            placeholder="请输入姓名，工号，手机号搜索"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2" @tap="getStaffInfoFun">查询</view>
                    </view>
                    <!-- <view class="phone-hint2" wx:if="{{ishint}}">
      输入正确手机号
    </view> -->
                    <view class="list_box">
                        <view class="replace-box2" v-for="(item, index) in lists" :key="index">
                            <view :data-index="index" class="bigbox">
                                <image v-if="item.checkout" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/pay_icon_6.png" mode="" />
                                <image v-else src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/pay_icon_5.png" mode="" />
                            </view>

                            <view class="replace-lt">
                                <image class="girl2" mode="aspectFill" :src="item.headPicture || 'https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/profile-hai.png'"></image>

                                <view>
                                    <view class="lt-nname_yg">{{ item.name }}</view>
                                    <view class="lt-hpone2">
                                        工号：
                                        <text>{{ item.staffId }}</text>
                                    </view>
                                </view>
                            </view>

                            <view class="hr_list"></view>
                        </view>
                    </view>
                    <view class="bnt-sell">
                        <view class="bnt-selllt" @tap="bntselllt">取消</view>
                        <view class="bnt-sellrl" @tap="clickSel">确定</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 选择会员弹出层 -->
        <view v-if="showModal" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">选择会员</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>

                <view class="qrcodebox">
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            maxlength="11"
                            @input="blurPhone"
                            value=""
                            placeholder="请输入顾客手机号码"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <button class="inquire2" @tap="inquire2" :disabled="isDisabled">查询</button>
                    </view>
                    <!-- <view class="phone-hint2" wx:if="{{ishint}}">
      输入正确手机号
    </view> -->
                    <view class="replace-box" v-if="memberLists.mobile">
                        <view class="replace-lt">
                            <image class="girl2" mode="aspectFill" :src="item.headPicture || 'https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/profile-hai.png'"></image>
                            <view>
                                <view class="lt-nname">{{ memberLists.userName }}</view>
                                <view class="lt-hpone2">{{ memberLists.mobile }}</view>
                            </view>
                        </view>
                        <view class="replace-rl" @tap="replace">去替换</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 选择卡项 -->
        <view v-if="showModalcard" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-card" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">选择卡项</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>
                <view class="Cardtype-box">
                    <view class="type-cardbox" v-for="(item, index) in ServiceCardlist" :key="index">
                        <view class="shopcard-title">
                            <view class="title2-name">{{ item.cardName }}</view>
                            <view class="cicard" v-if="item.cardType == 1">次卡</view>
                            <view class="cicard" v-if="item.cardType == 2">时卡</view>
                        </view>

                        <view class="cicard-info">
                            <view class="cicard-infoconter">
                                <view class="cards-name">
                                    <view class="names-ma">{{ item.cardName }}</view>
                                    <view class="frequencys">
                                        次数：
                                        <text>{{ item.times }}</text>
                                        次
                                    </view>
                                    <view class="price-card">
                                        价格：¥
                                        <text>{{ item.marketPrice }}</text>
                                    </view>
                                </view>
                                <view class="cards-bt">
                                    <view class="bt-time">
                                        卡项：
                                        <text></text>
                                    </view>
                                    <view
                                        class="frequency-but"
                                        @tap="pitchcard"
                                        :data-item="item"
                                        :data-marketprice="item.marketPrice"
                                        :data-cardname="item.cardName"
                                        :data-id="item.id"
                                    >
                                        开这种卡
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </view>
                <!-- 分页 -->
                <view class="containers">
                    <view class="pages_box">
                        <view @tap="pagesFn" data-type="previous_page">＜</view>
                        <block v-if="index < 2" v-for="(item, index) in maxPages" :key="index">
                            <view
                                v-if="tyindex + index <= maxPages"
                                @tap="pagesFn"
                                :class="pagesNum % 2 == (index + 1) % 2 ? 'active' : ''"
                                :data-number="tyindex + index"
                                :data-type="index % 2"
                            >
                                {{ tyindex + index }}
                            </view>
                        </block>
                        <view @tap="pagesFn" data-type="next_page">></view>
                    </view>
                </view>
                <view class="qrcodeicon">
                    <view class="qrcodeiconbox" v-for="(item, index) in serviceList" :key="index">
                        <image class="wechatvip" :src="item.img"></image>

                        <P class="wechattext">{{ item.title }}</P>
                    </view>
                </view>
            </view>
        </view>
        <!-- 绑定销售 -->
        <view v-if="showModalsales" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">绑定销售</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>
                <scroll-view :scroll-y="true" class="mains">
                    <view class="sales-conterbox" v-if="!infoList[0].selLists">
                        <view class="sales-lt" :data-index="index" @tap="getShowModalselect">
                            <view class="sales-ltbox">
                                <view class="sales-ltname">
                                    <view class="name_sale">第一人</view>
                                    <view class="name_sale2" v-if="lists.length">{{ item.stylistId }}</view>
                                    <view class="name_sale2" v-else>请选择</view>
                                </view>
                                <image class="cardname_rl" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/cardname_rl.png"></image>
                            </view>
                        </view>
                        <view class="sales-rl">
                            <view class="performance">
                                <view>业绩：</view>
                                <input
                                    :data-index="index"
                                    class="input-aa"
                                    :value="item.resultsPrice"
                                    @input="marketon"
                                    placeholder-class="placeholder-style2"
                                    placeholder="业绩"
                                    type="digit"
                                />
                            </view>
                            <view class="performance">
                                <view>提成：</view>
                                <input
                                    :data-index="index"
                                    class="input-aa"
                                    :value="item.commissionPrice"
                                    @input="commissionPriceFun"
                                    placeholder-class="placeholder-style2"
                                    placeholder="提成"
                                    type="digit"
                                />
                            </view>
                        </view>
                    </view>
                    <view class="sales-conterbox" v-for="(item, index) in infoList[0].selLists" :key="index">
                        <view class="sales-lt" @tap="getShowModalselect" :data-index="index">
                            <view class="sales-ltbox">
                                <view class="sales-ltname">
                                    <view class="name_sale">{{ item.name }}</view>
                                    <!-- <view class="name_sale2" wx:else>请选择</view> -->
                                </view>
                                <view class="name_sale2box">
                                    <view class="name_sale2" v-if="item.postName == null">姓名></view>

                                    <view class="name_sale2" v-else>{{ item.postName }}></view>
                                    <!-- <image class="cardname_rl" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/cardname_rl.png"></image> -->
                                </view>
                            </view>
                        </view>

                        <view class="sales-rl">
                            <view class="performance">
                                <view>业绩：</view>
                                <input
                                    :data-index="index"
                                    class="input-aa"
                                    :value="item.resultsPrice"
                                    @input="marketon"
                                    placeholder-class="placeholder-style2"
                                    :placeholder="performance"
                                    type="digit"
                                />
                            </view>
                            <view class="performance">
                                <view>提成：</view>
                                <input
                                    :data-index="index"
                                    class="input-aa"
                                    :value="item.commissionPrice"
                                    @input="commissionPriceFun"
                                    placeholder-class="placeholder-style2"
                                    :placeholder="royalties"
                                    type="digit"
                                />
                            </view>
                        </view>

                        <view class="align-stretchs">
                            <image
                                class="icon_xios"
                                @tap="delcard"
                                :data-staffid="item.staffId"
                                src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/icon_xios.png"
                            ></image>
                        </view>
                    </view>
                </scroll-view>
                <image class="append" @tap="getShowModalselect" :data-index="indexz" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/append.png"></image>
                <view class="bnt-sell">
                    <view class="bnt-selllt" @tap="bntselllt">取消</view>
                    <view class="bnt-sellrl" @tap="Confirmationbut">确定</view>
                </view>
            </view>
        </view>
        <!-- 选择销售 -->
        <view v-if="showModalselect" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodetextbox">
                    <view class="time-box2">
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                        <view class="qrcodetext">绑定销售</view>
                        <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                    </view>
                    <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                </view>
                <view class="qrcodebox">
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            maxlength="11"
                            @input="blurPhone2"
                            value=""
                            placeholder="请输入姓名，工号，手机号搜索"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2" @tap="getStaffInfoFun">查询</view>
                    </view>
                    <!-- <view class="phone-hint2" wx:if="{{ishint}}">
      输入正确手机号
    </view> -->
                    <scroll-view :scroll-y="true" class="mainss">
                        <view class="replace-box2" @tap="onClick" :data-staffId="item.staffId" :data-index="index" v-for="(item, index) in lists" :key="index">
                            <view class="bigbox">
                                <!-- <view class="smbox"></view> -->
                                <image class="pay_icon_6" v-if="item.checkout" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/pay_icon_6.png" mode="" />
                                <image class="pay_icon_6" v-else src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/pay_icon_5.png" mode="" />
                            </view>

                            <view v-if="false" class="bigbox" :data-item="item" :data-staffId="item.staffId" :data-nickname="item.nickname" :data-index="index"></view>

                            <view class="replace-lt">
                                <image class="girl2" mode="aspectFill" :src="item.headPicture || 'https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/profile-hai.png'"></image>
                                <view>
                                    <view class="lt-nname">{{ item.name }}</view>
                                    <view class="lt-hpone2">
                                        工号：
                                        <text>{{ item.staffId }}</text>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </scroll-view>
                    <view class="bnt-sell">
                        <view class="bnt-selllt" @tap="bntselllt2">取消</view>
                        <view class="bnt-sellrl" @tap="clickSel">确定</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 商品详情 -->
        <view v-if="showModalproduct" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalproduct" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">商品详情</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <view class="topboxtext">
                        <view class="topboxtext-box" v-if="type == 1">
                            <view class="topboxtext-name">商品价格：</view>
                            <view>{{ marketprice }}元</view>
                        </view>
                        <view class="topboxtext-box" v-if="type == 2">
                            <view class="topboxtext-name">会员充值：</view>
                            <view>{{ marketprice }}元</view>
                        </view>
                        <view class="topboxtext-box" v-if="type == 2">
                            <view class="topboxtext-name" v-if="type == 2">赠送金额：</view>
                            <view v-if="giveaway != ''">{{ giveaway }}元</view>
                            <view v-else>0元</view>
                        </view>
                        <!-- <view class="topboxtext-box">
          <view class="topboxtext-name">
            折扣优惠：
          </view>
          <view>02208050012</view>

        </view>
        <view class="topboxtext-box">
          <view class="topboxtext-name">
            会员优惠：
          </view>
          <view>02208050012</view>

        </view> -->
                        <view class="topboxtext-box">
                            <view class="topboxtext-name">优惠券抵扣：</view>
                            <view v-if="MemberDiscountDTO.length">{{ MemberDiscountDTO[0].discountsPrice }}元</view>
                            <view>0元</view>
                        </view>
                        <view class="topboxtext-box">
                            <view class="topboxtext-name">意豆抵扣：</view>
                            <view>0元</view>
                        </view>
                    </view>
                    <view class="qrcodeicons">
                        <view class="actuallypaid">实付金额：</view>
                        <view class="actuallypaid" v-if="marketprice != ''">
                            <text class="actuallypaid-sum">¥{{ marketprice }}</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 手牌号 -->
        <view v-if="showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2q">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">请选择{{ selStatus === 1 ? '手牌' : '门牌' }}号</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains" v-if="selStatus === 1">
                        <view class="handbrand-conter">
                            <view
                                :class="
                                    'handbrandnumber ' +
                                    (item.status === 1 ? 'noSelete' : '') +
                                    ' ' +
                                    (indexs == item.brand && item.status === 0 ? 'handbrandnumberac' : 'handbrandnumber')
                                "
                                @tap="indexnamber"
                                :data-status="item.status"
                                :data-index="item.brand"
                                v-for="(item, index) in hangOrderList"
                                :key="index"
                            >
                                {{ item.brand }}
                            </view>
                        </view>
                    </scroll-view>
                    <scroll-view :scroll-y="true" class="mains" v-if="selStatus === 2">
                        <view class="one_floor" v-for="(item, index) in hangOrderList" :key="index">
                            <view class="floor_title">
                                <view></view>
                                <text>{{ item.floor }}</text>
                            </view>

                            <view class="handbrand-conter">
                                <view
                                    :class="
                                        'handbrandnumber ' +
                                        (i.status === 1 ? 'noSelete' : '') +
                                        ' ' +
                                        (indexs == i.brand && i.status === 0 && pid === item.id ? 'handbrandnumberac' : 'handbrandnumber')
                                    "
                                    @tap="indexNamberFloor"
                                    :data-status="i.status"
                                    :data-brand="i.brand"
                                    :data-id="i.id"
                                    :data-index="id"
                                    :data-pid="item.id"
                                    v-for="(i, id) in item.settings"
                                    :key="i.id"
                                >
                                    {{ i.brand }}
                                </view>
                            </view>
                        </view>
                    </scroll-view>
                    <view class="qrcodetextbox2">
                        <input
                            class="input-phone-up"
                            v-if="selStatus === 1"
                            maxlength="11"
                            @input="handbrandsum"
                            value=""
                            placeholder="手动输入其他号码"
                            placeholder-class="placeholder-style2"
                            type="text"
                        />
                        <view class="inquire2" @tap="entryorders">确认</view>

                        <view class="bnt-sellrl btn_floor" v-if="selStatus === 2" @tap="entryorders">确认</view>
                    </view>
                </view>
            </view>
        </view>
        <!-- 优惠券 -->
        <view v-if="showModalcoupon" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2q">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">请选择优惠券</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="done" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <scroll-view :scroll-y="true" class="mains">
                        <view class="coupon-box" v-for="(item, index) in Couponslist" :key="index">
                            <view class="coupon-lt">
                                <view class="coupon-sum">
                                    <view class="money">
                                        <text class="moneytext">￥</text>
                                        {{ item.discount }}
                                    </view>
                                    <view class="reduction" v-if="item.useLimit == 0">无限制</view>
                                    <view class="reduction" v-if="item.useLimit == 1">
                                        满
                                        <text>{{ item.useLimitAmount }}</text>
                                        元可用
                                    </view>
                                </view>
                            </view>

                            <view class="coupon-rl">
                                <view class="coupon-ao">
                                    <view class="coupon-name">{{ item.couponName }}</view>
                                    <view class="coupon-time">{{ item.startTime }}-{{ item.endTime }}有效</view>
                                </view>
                                <view v-if="listindexcoupon === index" :data-index="index" :data-couponid="item.recordId" @tap="onClickcoupon" class="bigbox2">
                                    <view class="smbox"></view>
                                </view>
                                <view v-else class="bigbox2" :data-index="index" :data-couponid="item.recordId" @tap="onClickcoupon"></view>
                            </view>
                        </view>
                    </scroll-view>
                    <view class="no-couponbut" @tap="done">不使用优惠券</view>
                </view>
            </view>
        </view>
        <view class="helpcard-bannerbox">
            <view class="bannerbox-lt">
                <image v-if="memberlist.headPicture" mode="aspectFill" class="girl" :src="memberlist.headPicture"></image>
                <image class="girl" v-else mode="aspectFill" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/profile-hai.png"></image>
                <view>
                    <view class="lt-namebox">
                        <image class="linkman" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/linkman.png"></image>
                        <view class="da-name" v-if="memberlist.userName">{{ memberlist.userName }}</view>
                        <view class="da-name" v-else>{{ orderUserName }}</view>
                    </view>
                    <view class="lt-namebox">
                        <image class="linkman2" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/cellphone.png"></image>
                        <view class="da-name" v-if="memberlist.mobile">{{ memberlist.mobile }}</view>
                        <view class="da-name" v-else>{{ orderPhone }}</view>
                    </view>
                </view>
                <view></view>
            </view>
            <view class="bannerbox-rl" @tap="ElasticFrameClick">替换</view>
        </view>
        <view class="helpcard-conterbox">
            <view class="helpcard-conter">
                <!-- 开卡 -->
                <view v-if="type == 1">
                    <view class="vip-info">填写会员卡信息：</view>
                    <view class="card-namebox" @tap="Choosecard">
                        <view class="cardname_lt">
                            <view class="card_name">
                                <text class="card-cl">*</text>
                                卡名称：
                            </view>
                            <view class="select_card" v-if="cardname == ''">请选择一种卡</view>
                            <view class="select_cards" v-else>{{ cardname }}</view>
                        </view>
                        <image class="cardname_rl" @tap="Choosecard" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/cardname_rl.png"></image>
                    </view>
                    <view class="card-namebox">
                        <view class="cardname_lt">
                            <view class="card_name">卡号：</view>
                            <view class="select_cards">{{ cardid }}</view>
                        </view>
                        <!-- <view class="autogeneration">自动生成</view> -->
                    </view>
                    <view class="card-namebox" @tap="moresales">
                        <view class="cardname_lt">
                            <view class="card_name">
                                <text class="card-cl">*</text>
                                绑定销售：
                            </view>
                            <view class="sumtotal" v-for="(item, index) in infoList[0].selLists" :key="index">{{ item.name }},</view>
                        </view>
                        <image class="cardname_rl" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/cardname_rl.png"></image>
                    </view>
                    <view class="card-namebox" @tap="infomore">
                        <view class="cardname_lt">
                            <view class="card_name">更多信息：</view>
                        </view>
                        <image class="info_nomore" v-if="infomoreshow == false" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/info_more.png"></image>

                        <image class="info_nomore" v-else src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/info_nomore.png"></image>
                    </view>
                    <view class="card-infobox" v-if="infomoreshow == false">项目计次卡，绑定项目：设计洗剪吹：默认有限期：3个月</view>
                    <view v-else>
                        <!-- <view class="card-namebox">
        <view class="cardname_lt">
          <view class="card_name2">开卡时间：</view>
          <view class="select_card" wx:if="{{!date}}">请选择开卡时间</view>
          <view class="time_card" wx:else>{{date}}</view>
        </view>
        <view bindtap="showTime">
          <picker mode="date" bindchange="bindDateChange" value="{{date}}" start="2021-09-01" end="2023-09-01">
            <view class="picker">
              <image class="calendar" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/calendar.png"></image>
            </view>
          </picker>
        </view>
      </view> -->
                        <view class="card-namebox">
                            <view class="cardname_lt">
                                <view class="card_name2">赠送门店金额：</view>
                                <input :value="figure" @input="getfigure" placeholder="请输入赠送金额" type="text" class="flex-sub" />
                            </view>
                        </view>
                        <view class="card-namebox">
                            <view class="cardname_lt">
                                <view class="card_name2">赠送意豆：</view>
                                <view class="time_card">{{ marketprice }}</view>
                            </view>
                        </view>
                    </view>
                </view>
                <!-- 列表 -->
                <view class="goods_list" v-if="type == 2 || type == 4">
                    <view class="list_c">
                        <view class="list_t" v-if="type == 4">
                            <view class="list_t_l" v-for="(item, index) in arrlist" :key="index">
                                <text class="name2">{{ productCategoryName }}</text>

                                <text class="num2">￥{{ marketprice * nums }}</text>
                            </view>
                            <view class="list_t_r">
                                <!-- <image bindtap="getShowModalselect" data-index="{{index}}" class="edit_icon" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/edit_icon.png" mode="" /> -->

                                <!-- <image class="del_icon" data-index="{{index}}" bindtap="delOneData" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/del_icon.png" mode="" /> -->
                            </view>
                        </view>
                        <view class="list_c_t" v-if="!infoList[0].selLists.length">
                            <view class="list_c_t_l" @tap="getShowModalselect" :data-index="index">
                                <text class="no">第1人</text>
                                <text class="n">姓名 ></text>
                            </view>

                            <view class="list_c_t_r">
                                <view class="results">
                                    <text>业绩：¥</text>
                                    <text>0</text>
                                    <!-- <input class="inputPci" type="text" data-pindex="{{index}}" data-index="{{id}}" bindinput="inputResultsPrice" value="{{i.resultsPrice}}" placeholder="请输入" /> -->
                                </view>
                                <view class="commission">
                                    <text>提成：¥</text>
                                    <!-- <input class="inputPci" type="text" data-pindex="{{index}}" data-index="{{id}}" bindinput="inputCommissionPrice" value="{{i.commissionPrice}}" placeholder="请输入" /> -->
                                    <text>0</text>
                                </view>
                            </view>
                        </view>
                        <view class="list_c_t" v-for="(i, id) in infoList[0].selLists" :key="i.id">
                            <view class="list_c_t_l" @tap="getShowModalselect" :data-index="index">
                                <text class="no">第{{ id + 1 }}人</text>
                                <text class="n">{{ i.name }} ></text>
                            </view>

                            <view class="list_c_t_r">
                                <view class="results">
                                    <text>业绩：¥</text>
                                    <input
                                        class="inputPci"
                                        type="text"
                                        :data-pindex="index"
                                        :data-index="id"
                                        @input="inputResultsPrice"
                                        :value="i.resultsPrice"
                                        :placeholder="performance"
                                    />
                                </view>
                                <view class="commission">
                                    <text>提成：¥</text>
                                    <input
                                        class="inputPci"
                                        type="text"
                                        :data-pindex="index"
                                        :data-index="id"
                                        @input="inputCommissionPrice"
                                        :value="i.commissionPrice"
                                        :placeholder="royalties"
                                    />
                                </view>
                            </view>

                            <view class="align-stretchs">
                                <image
                                    class="icon_xios2"
                                    @tap="delcard"
                                    :data-staffid="item.staffId"
                                    src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/icon_xios.png"
                                ></image>
                            </view>
                        </view>
                        <view class="list_c_b" :data-index="indexz">
                            <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/append.png" mode="" @tap="getShowModalselect" />
                        </view>
                    </view>
                </view>
                <!-- 地址 -->
                <view class="address-box" v-if="type == 4">
                    <view class="list_ts">
                        <view class="list_t_l">
                            <image class="address_icon" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/address_icon.png"></image>
                            <text class="name">收货/自提地</text>
                        </view>
                        <view :class="defaultaddress.length ? 'list_t_rs' : 'list_t_rs1'">
                            <image
                                class="edit_icon"
                                :data-id="defaultaddress[0].id"
                                v-if="defaultaddress.length + ' && ' + (afhalistac != '')"
                                @tap="openaddress"
                                src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/edit_icon.png"
                                mode=""
                            />
                            <image class="del_icon" @tap="deladdress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/del_icon.png" mode="" />
                        </view>
                    </view>
                    <view class="address_text" v-if="city.length == 3 && addtypeindex == 1">
                        <view class="address_lt">{{ city }}{{ detailAddress }}</view>
                        <!-- <image class="replace" bindtap="openaddress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/replace.png"></image> -->
                    </view>
                    <view class="address_text" v-else-if="defaultaddress.length">
                        <view class="address_lt">
                            {{ defaultaddress[0].province }} {{ defaultaddress[0].city }}{{ defaultaddress[0].region }}{{ defaultaddress[0].detailAddress }}
                        </view>
                    </view>
                    <view class="address_text" v-else-if="afhalistac != ''">
                        <view class="address_lt">{{ afhalistac.provinceName }}{{ afhalistac.cityName }}{{ afhalistac.districtName }}{{ afhalistac.location }}</view>
                    </view>
                    <view class="list_c_b2" v-else>
                        <image @tap="openaddress" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/append.png" mode="" />
                    </view>
                </view>

                <view class="card-namebox" v-if="type != 4">
                    <view class="cardname_lt">
                        <view class="card_name">优惠券：</view>
                    </view>
                    <view class="autogeneration" v-if="Couponslist.length > 0" @tap="showModalcouponFun">
                        <text>{{ Couponslist.length }}</text>
                        张可用
                    </view>
                    <view class="no-autogeneration" v-else>无可用优惠券</view>
                </view>
                <!-- <view class="card-namebox">
      <view class="cardname_lt">
        <view class="card_name">意豆抵扣：</view>
      </view>
      <view class="select_card" wx:if="{{false}}">-¥12</view>
    </view> -->
                <view class="card-namebox">
                    <view class="cardname_lt">
                        <view class="card_name">整单减免：</view>
                    </view>
                    <view class="select_card" v-if="Discountlist.MemberDiscountDTO[0]">
                        -¥
                        <text>{{ Discountlist.MemberDiscountDTO[0].discountsPrice }}</text>
                    </view>
                </view>
                <view class="card-namebox">
                    <view class="cardname_lt">
                        <view class="card_name">备注：</view>
                        <input :value="info" @input="getinfo" placeholder="请输入备注内容" type="text" />
                    </view>
                </view>
            </view>
        </view>
        <view class="base_btn"></view>
        <view class="base-box">
            <view class="card-namebox2">
                <view class="cardname_lt">
                    <view class="select_card" v-if="type == 1" @tap="showModalproductFun">商品优惠></view>
                    <view class="select_card" v-if="type == 2" @tap="showModalproductFun">商品订单></view>
                </view>
                <!-- <view class="sumtotal" wx:if="{{Discountlist.amountToBeReceived}}">总计金额：<text class="select_card">¥{{Discountlist.amountToBeReceived}}</text>元</view> -->
                <view class="sumtotal">
                    总计金额：
                    <text class="select_card">¥{{ marketprice * nums - figure }}</text>
                    元
                </view>
            </view>
            <view class="base-botton">
                <view class="botton-entry" @tap="handbrand">挂单</view>
                <view class="botton-entry" @tap="topay">结账</view>
            </view>
        </view>

        <van-popup :show="show" position="bottom" @close="onClose">
            <van-area :area-list="areaList" :columns-num="3" title="选择城市" @cancel="onClose" @confirm="onFirm" />
        </van-popup>
    </view>
</template>

<script>
const app = getApp(); // 引入app

const _request = require('../../utils/request.js'); // pagesc/helpcard/index.js

export default {
    data() {
        return {
            hangorderiteminfo: {},
            orderUserName: '',
            orderPhone: '',
            performance: '',
            royalties: '',
            productCategoryName: '',
            nums: '',
            ids: '',
            defaultaddress: {},
            code: '',
            hangType: 4,
            areaList: {},
            selStatus: 1,
            hangOrderList: [],
            pid: '',
            show: false,

            afhalistac: {
                provinceName: '',
                cityName: '',
                districtName: '',
                location: ''
            },

            city: '省、市、区',
            detailAddress: null,
            afhaindex: '',
            addtypeindex: 0,
            distributionType: '',
            marketprice: 0,
            payNum: 0,
            deductionNum: 0,
            listindexsmear: 0,

            afhalenList: [
                {
                    afhalen: '广东省深圳市龙岗区大运软件 小镇38栋401',
                    index: 0
                },
                {
                    afhalen: '广东省深圳市龙岗区大运软件 小镇38栋401',
                    index: 1
                }
            ],

            addtypeList: [
                {
                    addtype: '自提地址',
                    index: 0
                },
                {
                    addtype: '快递到家',
                    index: 1
                }
            ],

            arrlist: [],
            indexz: 0,
            recharge: '',
            selLists: [],
            vipIndex: '',
            type: 1,
            clCardlist: [],

            infoList: [
                {
                    id: 0
                }
            ],

            editindex: '',
            giveaway: '',
            datas: {},
            hangType: 3,

            //挂单类型0原收银1门店开单2开卡3开创客 默认
            phone3: '',

            getStaffInfo: [],

            memberLists: {
                mobile: '',
                userName: ''
            },

            Discountlist: [],
            memberlist: [],
            Couponslist: [],
            couponid: '',
            commissionPrice: '',
            figure: 0,
            resultsPrice: '',
            date: '',
            memberid: '',
            shopId: '',
            showtime: false,
            cardname: '',
            marketprice: '',
            cardid: '',
            indexs: 0,
            datas: {},
            ServiceCardlist: [],
            lists: [],
            listindexcoupon: '',
            listindex: '',

            saleslist: [
                {
                    stylistId: 11158,
                    monthOrder: 0,
                    position: '高级美发师',
                    nickname: '18975158845',
                    headPortrait: 'https://yiyue-scrm.oss-cn-shenzhen.aliyuncs.com/2022-09-20/fe0721091d034c00b52e83a81f9083a6-file',
                    orderNumber: 0,
                    star: 3,
                    userId: 311259,
                    nexus: 0,
                    schedulingStatus: 1,
                    worksSum: 0,
                    services: [],
                    waitingPeopleNum: 0,
                    waitingTimes: 0,
                    staffId: 105903
                }
            ],

            phone: '',
            phone2: '',
            maxPages: 22,

            //最大页码
            pagesNum: 1,

            tyindex: 1,
            frontPage: false,
            lastPage: false,
            info: '',
            showModalhandbrand: false,
            showModalselect: false,
            showModalproduct: false,
            showModalsales: false,
            infomoreshow: false,
            showModalcard: false,
            storeLocationDto: [],
            staffid: '',
            sum: '',
            showaddress: false,
            showModal: false,
            isNaa: '',
            memberStatus: '',
            isShow: false,
            showModalcoupon: false,
            fid: '',
            ajxtrue: false,
            ishint2: false,
            isDisabled: false,
            ishint: false,
            clCardlists: '',
            num: '',
            showModalsmearbut: false,
            showModalselects: [],
            max: '',
            serviceList: [],
            MemberDiscountDTO: [],
            discountsPrice: '',

            i: {
                status: 0,
                brand: '',
                id: '',
                name: '',
                resultsPrice: '',
                commissionPrice: ''
            },

            id: '',
            province: '',
            region: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    // lan已修改
    onLoad(options) {
        console.log('options', options);
        console.log(options.orderPhone);
        console.log(options.orderUserName);
        console.log('options.memberList'); // if(options.hangorderiteminfo){
        //   const hangorderiteminfo=JSON.parse(options.hangorderiteminfo)
        //   this.setData({
        //     hangorderiteminfo:hangorderiteminfo
        //   })
        // }

        if (options.orderPhone) {
            console.log('111111111111111111111');
            this.setData({
                orderPhone: options.orderPhone
            });
        }

        if (options.orderUserName) {
            console.log('111111111111111111111');
            this.setData({
                orderUserName: options.orderUserName
            });
        }

        const memberList = JSON.parse(options.memberList);
        const memberId = memberList.memberId;

        if (Number(options.type) === 2) {
            uni.setNavigationBarTitle({
                title: '会员充值'
            });
        }

        if (Number(options.type) === 4) {
            uni.setNavigationBarTitle({
                title: '创客开单'
            });
        }

        if (options.shopId) {
            this.setData({
                shopId: options.shopId
            });
        }

        if (memberId) {
            console.log('memberId', memberId);
            this.setData({
                memberid: memberId
            });
        }

        if (options.arrlist) {
            this.setData({
                arrlist: JSON.parse(options.arrlist)
            });
        }

        console.log(this.arrlist, '----------------');

        if (options.memberList) {
            this.setData({
                memberlist: JSON.parse(options.memberList)
            });
        }

        if (options.type) {
            this.setData({
                type: options.type
            });
        }

        if (options.hangType) {
            this.setData({
                hangType: options.hangType
            });
        }

        if (options.recharge) {
            this.setData({
                marketprice: options.recharge
            });
        }

        if (options.giveaway) {
            this.setData({
                giveaway: options.giveaway
            });
        }

        if (options.marketprice) {
            this.setData({
                marketprice: options.marketprice
            });
        }

        if (options.num) {
            this.setData({
                nums: options.num
            });
        }

        if (options.ids) {
            this.setData({
                ids: options.ids
            });
        }

        if (options.distributionType) {
            this.setData({
                distributionType: options.distributionType
            });
        }

        if (options.productCategoryName) {
            this.setData({
                productCategoryName: options.productCategoryName
            });
        }

        if (options.orderId) {
            this.getShopHangOrderById(options.orderId);
        } else {
            if (uni.getStorageSync('servesListFlag')) {
                this.setData({
                    infoList: JSON.parse(uni.getStorageSync('servesList'))
                });
                uni.setStorageSync('servesListFlag', false);
                uni.removeStorageSync('servesList');
                this.calculate();
            }
        }

        this.setData({
            lastPage: this.maxPages > 2 ? true : false
        });
        this.getStoreServiceCard(1);
        this.gatherlist(this.memberlist.mobile);
        this.getAreaList();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        //获取地区的数据
        getAreaList() {
            _request
                .get('/cashier/getAppletArea', {})
                .then((res) => {
                    console.log('oo', res);

                    if (res.data.data && res.data.data.countyList) {
                        //控件只支持6数位编码, 将9位编码改为6位
                        let oldName = [
                            '442000001',
                            '442000002',
                            '442000003',
                            '442000004',
                            '442000005',
                            '442000006',
                            '442000100',
                            '442000101',
                            '442000102',
                            '442000103',
                            '442000104',
                            '442000105',
                            '442000106',
                            '442000107',
                            '442000108',
                            '442000109',
                            '442000110',
                            '442000111',
                            '442000112',
                            '442000113',
                            '442000114',
                            '442000115',
                            '442000116',
                            '442000117'
                        ];
                        let name = [
                            '442001',
                            '442002',
                            '442003',
                            '442004',
                            '442005',
                            '442006',
                            '442007',
                            '442008',
                            '442009',
                            '442010',
                            '442011',
                            '442012',
                            '442013',
                            '442014',
                            '442015',
                            '442016',
                            '442017',
                            '442018',
                            '442019',
                            '442020',
                            '442021',
                            '442022',
                            '442023',
                            '442024'
                        ];
                        console.log('123', res.data.data.countyList);
                        res.data.data.county_list = this.renameObjProp(res.data.data.countyList, oldName, name);
                        res.data.data.city_list = res.data.data.cityList;
                        res.data.data.province_list = res.data.data.provinceList;
                    }

                    this.setData({
                        areaList: res.data.data || {}
                    });
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        renameObjProp(data, oldName, name) {
            if (data) {
                for (let i = 0; i < oldName.length; i++) {
                    data[name[i]] = data[oldName[i]];
                    delete data[oldName[i]];
                }
            }

            return data;
        },

        getPickUpStore() {
            const { arrlist, ids } = this; // let id = arrlist[0].id

            _request
                .get('/cashier/getPickUpStore', {
                    productId: ids
                })
                .then((res) => {
                    this.setData({
                        storeLocationDto: res.data.data
                    });
                });
        },

        getShowModalselect(e) {
            const { index } = e.currentTarget.dataset;
            console.log('index', e);
            this.setData({
                showModalselect: true,
                vipIndex: 0
            });
            this.getStaffInfoFun();
        },

        delcard(e) {
            let staffid = e.currentTarget.dataset.staffid;
            console.log('e', e.currentTarget.dataset.staffid);
            const { lists, infoList } = this;
            let selLists = infoList[0].selLists;
            console.log('selLists', selLists);
            selLists.splice(
                selLists.findIndex((item) => item.staffId === staffid),
                1
            );
            console.log('lists', lists);
            console.log('lists', lists);
        },

        // 获取挂单信息
        getHangOrderInfo() {
            _request
                .get('/hangOrder/getHangOrder', {
                    shopId: uni.getStorageSync('shopId')
                })
                .then((res) => {
                    let hangOrderList = [];

                    if (res.data.data.storeHangOrderType === 1) {
                        for (let i = 0; i < 30; i++) {
                            hangOrderList.push({
                                brand: i + 1,
                                status: 0
                            });
                        }

                        let data = res.data.data.data;
                        hangOrderList.forEach((i) => {
                            data.forEach((j, index) => {
                                if (i.brand == Number(j.brand)) {
                                    i.status = j.status;
                                    data.splice(index, 1);
                                }
                            });
                        });
                        data.forEach((i) => {
                            hangOrderList.push({
                                brand: Number(i.brand),
                                status: i.status
                            });
                        });
                        console.log(data);
                        console.log(hangOrderList);
                    } else {
                        hangOrderList = res.data.data.data;
                    }

                    this.setData({
                        hangOrderList: hangOrderList,
                        selStatus: res.data.data.storeHangOrderType
                    });
                });
        },

        // 点击事件
        onClick(e) {
            const { index } = e.currentTarget.dataset;
            console.log('e', e);
            this.lists[index].checkout = !this.lists[index].checkout;
            this.setData({
                staffid: e.currentTarget.dataset.staffid
            });
        },

        clickSel() {
            let data = [];
            this.lists.forEach((i) => {
                if (i.checkout) {
                    data.push(i);
                }
            });
            console.log('ll', data);
            this.setData({
                sum: data.length,
                showModalselect: false
            });

            if (this.type == 1) {
                this.staffCommission(this.sum, this.staffid);
            } else if (this.type == 2) {
                this.staffCommissionc(this.sum, this.staffid);
            } else if (this.type == 4) {
                this.staffCommissiond(this.sum, this.staffid);
            }
        },

        // 关闭选择城市
        onClose() {
            this.setData({
                show: false
            });
        },

        // 完成选择城市，发送请求
        onFirm(e) {
            console.log(e);
            this.setData({
                show: false,
                city: e.detail.values.map((item) => {
                    return item.name;
                }),
                code: e.detail.values.map((item) => {
                    return item.code;
                })
            });
        },

        // 获取当前店铺员工开卡对应的提成方案
        staffCommission(num, staffId) {
            _request
                .postObj('/staffCommission/getShopStaffCommissionByOpenCard', {
                    cardId: this.cardid,
                    memberId: this.memberid,
                    num: num,
                    price: this.marketprice,
                    shopId: uni.getStorageSync('shopId'),
                    staffId: staffId
                })
                .then((res) => {
                    console.log('123', res);

                    if (res.data.code == 0) {
                        this.setData({
                            performance: res.data.data.performance,
                            royalties: res.data.data.royalties
                        });
                    } else {
                        this.setData({
                            performance: 0,
                            royalties: 0
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 获取当前店铺员工充值对应的提成方案
        staffCommissionc(num, staffId) {
            _request
                .postObj('/staffCommission/getShopStaffCommissionByTopUp', {
                    memberId: this.memberid,
                    num: num,
                    price: this.marketprice,
                    shopId: uni.getStorageSync('shopId'),
                    staffId: staffId
                })
                .then((res) => {
                    console.log('123', res);

                    if (res.data.code == 0) {
                        this.setData({
                            performance: res.data.data.performance,
                            royalties: res.data.data.royalties
                        });
                    } else {
                        this.setData({
                            performance: 0,
                            royalties: 0
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 获取当前店铺创客开单对应的提成方案
        staffCommissiond(num, staffId) {
            _request
                .postObj('/staffCommission/getShopStaffCommissionByMaker', {
                    makerId: this.ids,
                    memberId: this.memberid,
                    num: num,
                    price: this.marketprice,
                    shopId: uni.getStorageSync('shopId'),
                    staffId: staffId
                })
                .then((res) => {
                    console.log('123', res);

                    if (res.data.code == 0) {
                        this.setData({
                            performance: res.data.data.performance,
                            royalties: res.data.data.royalties
                        });
                    } else {
                        this.setData({
                            performance: 0,
                            royalties: 0
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 查询门店员工
        getStaffInfoFun() {
            _request
                .get('/cashier/getStaffInfo', {
                    shopId: uni.getStorageSync('shopId'),
                    keyword: this.phone3
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        let dataList = res.data.data;
                        console.log('dataList', dataList);

                        for (let i of dataList) {
                            i.checkout = false;
                        }

                        console.log(this.infoList[this.vipIndex].selLists);

                        if (this.infoList[this.vipIndex].selLists) {
                            for (let j of this.infoList[this.vipIndex].selLists) {
                                for (let i of dataList) {
                                    if (j.checkout) {
                                        if (j.staffId === i.staffId) {
                                            i.checkout = true;
                                        }
                                    }
                                }
                            }
                        }

                        this.setData({
                            lists: dataList
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        bindDateChange: function (e) {
            console.log('picker发送选择改变，携带值为', e.detail.value);
            this.setData({
                date: e.detail.value
            });
        },

        ascertainselected() {
            const { addtypeindex, afhalistac, city, ids } = this;

            if (addtypeindex == 0 && Object.keys(afhalistac).length == 0) {
                uni.showToast({
                    title: '请先选择自提地址',
                    icon: 'none'
                });
            } else if (addtypeindex == 0 && Object.keys(afhalistac).length == 11) {
                console.log('1111');
                this.setData({
                    showaddress: false
                });
            }

            if (addtypeindex == 1 && city.length != 3) {
                uni.showToast({
                    title: '请先选择快递地址',
                    icon: 'none'
                });
            } else if (addtypeindex == 1 && city.length == 3) {
                this.setData({
                    showaddress: false,
                    defaultaddress: this.city
                });
                this.addresssave(ids);
            }
        },

        inputEdit(e) {
            let name = e.currentTarget.dataset.name;
            this[name] = e.detail.value;
            var len = parseInt(this[name].length); //最多字数限制

            if (len > this.max) {
                return;
            }
        },

        replace() {
            this.Couponslist = [];
            this.setData({
                memberlist: this.memberLists,
                showModal: false
            });
            this.getStoreServiceCard(1);
        },

        // edit(e) {
        //   let editindex = e.currentTarget.dataset.index
        //   this.setData({
        //     showModalselect: true,
        //     editindex: editindex
        //   })
        //   console.log('e', e)
        // },
        inputResultsPrice(e) {
            console.log('e', e);
            const { index, pindex } = e.currentTarget.dataset;
            this.infoList[0].selLists[index].resultsPrice = e.detail.value;
        },

        inputCommissionPrice(e) {
            const { index, pindex } = e.currentTarget.dataset;
            this.infoList[0].selLists[index].commissionPrice = e.detail.value;
        },

        bntselllt() {
            console.log('1111');
            this.setData({
                lists: this.lists.map((item) => {
                    item.resultsPrice = '';
                    item.commissionPrice = '';
                    return item;
                }),
                showModalsales: false
            });
        },

        bntselllt2() {
            this.setData({
                showModalselect: false
            });
        },

        // 获取地址集合
        gatherlist(mobile) {
            _request
                .get('/cashier/list', {
                    mobile: mobile
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        console.log('200', res);
                        this.setData({
                            defaultaddress: res.data.data
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 根据手机号码查询会员
        getMemberByMobile(phone) {
            _request
                .get('/cashier/getMemberByMobile', {
                    shopId: uni.getStorageSync('shopId'),
                    mobile: phone
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        let obj = res.data.data;
                        obj instanceof Object;

                        if (obj instanceof Object == false) {
                            uni.showToast({
                                title: res.data.data,
                                icon: 'none'
                            });
                        }

                        console.log('obj instanceof Object', obj instanceof Object);
                        console.log('3', res);
                        this.setData({
                            memberLists: res.data.data,
                            isNaa: obj instanceof Object,
                            memberStatus: res.data.data.memberStatus
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 新增收货地址
        addresssave(ids) {
            const { code, detailAddress, id, memberlist } = this;

            _request
                .postObj('/cashier/save', {
                    cityCode: code[1],
                    detailAddress: detailAddress,
                    id: ids,
                    mobile: memberlist.mobile,
                    name: memberlist.userName,
                    phone: memberlist.mobile,
                    provinceCode: code[0],
                    regionCode: code[2]
                })
                .then((res) => {
                    console.log('52', res);

                    if (res.data.code == 200) {
                        let obj = res.data.data;
                        obj instanceof Object;

                        if (obj instanceof Object == false) {
                            uni.showToast({
                                title: res.data.data,
                                icon: 'none'
                            });
                        }

                        console.log('obj instanceof Object', obj instanceof Object);
                        console.log('3', res);
                        this.setData({
                            memberLists: res.data.data,
                            isNaa: obj instanceof Object,
                            memberStatus: res.data.data.memberStatus
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        inquire2() {
            this.getMemberByMobile(this.phone);
        },

        // 查询门店员工
        // inquire3() {
        //   this.getStaffInfo()
        // },
        // 卡项
        getStoreServiceCard(pagesNum) {
            _request
                .get('/cashier/getStoreServiceCard', {
                    pageNo: pagesNum,
                    pageSize: 2,
                    shopId: uni.getStorageSync('shopId')
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        let data = res.data.data.items;
                        data.forEach((item) => {
                            item.buyCount = '1';
                        });
                        let tyindex = res.data.data.total / 2;
                        let maxPages = Math.ceil(tyindex);
                        console.log('maxPages', maxPages);
                        this.setData({
                            maxPages: maxPages,
                            ServiceCardlist: data
                        });
                        console.log('111', data);
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 获取会员优惠券
        getMemberCoupons() {
            _request
                .get('/cashierOrder/getMemberCoupons', {
                    shopId: uni.getStorageSync('shopId'),
                    memberId: this.memberid,
                    orderAmount: this.marketprice
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        this.setData({
                            Couponslist: res.data.data
                        });
                        console.log('22', res);
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 获取会员优惠后的金额
        getMemberDiscount(couponid) {
            _request
                .get('/cashierOrder/getMemberDiscount', {
                    shopId: uni.getStorageSync('shopId'),
                    memberId: this.memberid,
                    price: this.marketprice,
                    couponRecordId: couponid
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        this.setData({
                            Discountlist: res.data.data,
                            marketprice: res.data.data.amountToBeReceived
                        });
                        console.log('33', res);
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        // 创建售卡订单
        createCardOrder: function () {
            const {
                clCardlists,
                memberid,
                info,
                shopId,
                marketprice,
                figure,
                // lists,
                infoList,
                cardid,
                couponid,
                Discountlist,
                type,
                giveaway,
                defaultaddress,
                memberlist,
                arrlist,
                afhalistac
            } = this;
            let infoLists = infoList[0].selLists;

            if (type == 1) {
                _request
                    .postObj('/cashierOrder/createCardOrder', {
                        couponRecordId: couponid,
                        givingShopAmount: figure,
                        memberDiscountList: Discountlist.MemberDiscountDTO,
                        memberId: memberid,
                        payAmount: marketprice,
                        //实际支付金额
                        price: marketprice,
                        orderAmount: marketprice,
                        //订单金额
                        remark: info,
                        serviceCardIdList: clCardlists,
                        shopId: uni.getStorageSync('shopId'),
                        staffREQS: infoLists
                    })
                    .then((res) => {
                        if (res.data.code == 200) {
                            let orderNo = res.data.data.orderNo;

                            if (cardid == '') {
                                uni.showToast({
                                    title: '请先选择卡项',
                                    icon: 'none'
                                });
                                return;
                            } else {
                                uni.navigateTo({
                                    url: '/pagesc/pay/pay?orderNo=' + orderNo + '&marketprice=' + marketprice
                                });
                            }
                        }
                    })
                    .catch((error) => {
                        console.log(error, 'error');
                    });
            }

            if (type == 2) {
                _request
                    .postObj('/cashierOrder/createTouponOrder', {
                        couponRecordId: couponid,
                        givingShopAmount: figure,
                        memberDiscountList: Discountlist.MemberDiscountDTO,
                        memberId: memberid,
                        payAmount: marketprice,
                        //实际支付金额
                        price: marketprice,
                        remark: info,
                        orderAmount: marketprice,
                        //订单金额
                        shopId: uni.getStorageSync('shopId'),
                        staffREQS: infoLists,
                        givingAmount: giveaway
                    })
                    .then((res) => {
                        if (res.data.code == 200) {
                            console.log('03', res);
                            let orderNo = res.data.data.orderNo;
                            uni.navigateTo({
                                url: '/pagesc/pay/pay?orderNo=' + orderNo + '&marketprice=' + marketprice + '&type=' + type
                            });
                        }
                    })
                    .catch((error) => {
                        console.log(error, 'error');
                    });
            }

            if (type == 4) {
                if (!defaultaddress.length && afhalistac == '') {
                    uni.showToast({
                        title: '请先选择收货地址',
                        icon: 'none'
                    });
                    return;
                } // let addressId = defaultaddress[0].id

                let infoLists = infoList[0].selLists;
                this.setData({
                    arrlist: this.arrlist.map((item) => {
                        item.distributionType = this.distributionType;
                        item.specification = JSON.stringify(item.specification);
                        return item;
                    })
                });

                _request
                    .postObj('/cashierOrder/createMakerOrder', {
                        additionalAmount: 0,
                        additionalItem: '',
                        addressId: this.addtypeindex == 0 ? '' : this.defaultaddress[0].id,
                        buyNow: true,
                        costPrice: marketprice,
                        createdBy: memberlist.userName,
                        discount: '',
                        remark: info,
                        mallCartItemReqs: arrlist,
                        givingShopAmount: figure,
                        memberDiscountList: Discountlist.MemberDiscountDTO,
                        memberId: memberlist.memberId,
                        mobile: memberlist.mobile,
                        price: marketprice,
                        note: info,
                        paymentMethod: 2,
                        storeId: uni.getStorageSync('storeId'),
                        shopId: uni.getStorageSync('shopId'),
                        state: '',
                        storeUserId: uni.getStorageSync('userId'),
                        userId: uni.getStorageSync('userId'),
                        joinStaffREQS: infoLists,
                        givingAmount: giveaway
                    })
                    .then((res) => {
                        console.log('456', res);

                        if (res.data.code == 200) {
                            console.log('03', res);
                            let orderNo = res.data.data.orderSn;
                            uni.navigateTo({
                                url: '/pagesc/pay/pay?orderNo=' + orderNo + '&marketprice=' + marketprice + '&nums=' + this.nums + '&type=' + type
                            });
                        }
                    })
                    .catch((error) => {
                        console.log(error, 'error');
                    });
            }
        },

        // 显示时间弹窗
        showTime() {
            this.setData({
                showtime: true
            });
        },

        // 关闭窗口
        onCloseTime() {
            this.setData({
                showtime: false
            });
        },

        infomore() {
            this.setData({
                infomoreshow: !this.infomoreshow
            });
        },

        getinfo(e) {
            this.setData({
                info: e.detail.value
            });
        },

        getfigure(e) {
            this.setData({
                figure: this.moneyNum(e.detail.value)
            });
        },

        moneyNum(val) {
            let num = val.toString(); //先转换成字符串类型

            if (num.indexOf('.') == 0) {
                //第一位就是 .
                num = '0' + num;
            }

            num = num.replace(/[^\d.]/g, ''); //清除“数字”和“.”以外的字符

            num = num.replace(/\.{2,}/g, '.'); //只保留第一个. 清除多余的

            num = num.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
            num = num.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数

            if (num.indexOf('.') < 0 && num != '') {
                num = parseFloat(num);
            }

            return num;
        },

        switchFun() {
            this.setData({
                isShow: false
            });
        },

        marketon(e) {
            let index = e.currentTarget.dataset.index;
            this.setData({
                resultsPrice: e.detail.value
            });

            for (var i in this.lists) {
                console.log('i', i);
                this.lists[index].resultsPrice = this.resultsPrice;
                this.lists[index].type = '2'; //开卡
                // list[i].nickname = data.nickname;
            }

            this.setData({
                lists: this.lists
            });
        },

        commissionPriceFun(e) {
            let index = e.currentTarget.dataset.index;
            this.setData({
                commissionPrice: e.detail.value
            });

            for (var i in this.lists) {
                console.log('i', i);
                this.lists[index].commissionPrice = this.commissionPrice;
                this.lists[index].type = '2'; // list[i].nickname = data.nickname;
            }

            this.setData({
                lists: this.lists
            }); // this.setData({
            //   lists:this.data.lists.map((item)=>{
            //     console.log('item',item)
            //      item.resultsPrice = this.data.commissionPrice
            //      return item
            //   })
            // })
        },

        ElasticFrameClick: function () {
            this.setData({
                showModal: true
            });
        },

        showModalcouponFun() {
            this.setData({
                showModalcoupon: true
            });
        },

        // 挂单
        handbrand() {
            this.setData({
                showModalhandbrand: true
            });
            this.getHangOrderInfo();
        },

        indexnamber(e) {
            const { index } = e.currentTarget.dataset;
            this.setData({
                indexs: index
            });
        },

        // 选楼层和门牌号
        indexNamberFloor(e) {
            const { brand, pid, id } = e.currentTarget.dataset;
            this.setData({
                indexs: brand,
                pid: pid,
                fid: id
            });
        },

        addsales() {
            this.setData({
                showModalselect: true
            });

            if (this.showModalselect == true) {
                this.setData({
                    showModalsales: false
                });
            }
        },

        showModalproductFun() {
            this.setData({
                showModalproduct: true
            }); // this.getStaffInfo()
        },

        // 点击事件
        // onClick(e) {
        //   const {
        //     index,
        //     stylistid,
        //     nickname,
        //     item
        //   } = e.currentTarget.dataset;
        //   console.log('item', item)
        //   // wx.setStorageSync('marketadd', JSON.stringify({
        //   //   index:index,
        //   //   stylistid: stylistid,
        //   //   nickname: nickname
        //   // }))
        //   let data = item
        //   if (!data) {
        //     return
        //   }
        //   let list = this.data.lists || []
        //   // data = JSON.parse(data);
        //   if (data.stylistid) {
        //     for (var i in list) {
        //       if (i == data.stylistid) {
        //         list[i].stylistid = data.stylistid;
        //         list[i].nickname = data.nickname;
        //       }
        //     }
        //   } else {
        //     list.push(data)
        //   }
        //   list = this.deWeight(list)
        //   console.log('list', list)
        //   this.setData({
        //     lists: list,
        //     listindex: index,
        //     bool: true,
        //     value: "",
        //     showModalselect: false,
        //     showModalsales: true,
        //   })
        // },
        // 选择优惠券
        onClickcoupon(e) {
            const { index, couponid } = e.currentTarget.dataset;
            this.setData({
                couponid: couponid,
                listindexcoupon: index,
                showModalcoupon: false
            });
            this.getMemberDiscount(couponid);
        },

        // 结账
        topay() {
            const { marketprice } = this;
            this.createCardOrder();
        },

        // 手机号2验证
        blurPhone: function (e) {
            var phone = e.detail.value;
            console.log('a', phone);
            let that = this;

            if (!/^1[345678]\d{9}$/.test(phone)) {
                this.setData({
                    ajxtrue: false,
                    ishint2: true,
                    phone: phone,
                    isDisabled: true
                });

                if (phone == '') {
                    this.setData({
                        ishint2: false,
                        phone: phone,
                        isDisabled: true
                    });
                }

                if (phone.length >= 11) {
                    this.setData({
                        ajxtrue: false,
                        ishint2: true,
                        phone: phone,
                        isDisabled: true
                    });
                }
            } else {
                this.setData({
                    ajxtrue: true,
                    ishint: false,
                    phone: phone,
                    isDisabled: false
                });
            }
        },

        // 选择销售
        blurPhone2: function (e) {
            var phone3 = e.detail.value;
            console.log('a', phone3);
            this.setData({
                phone3: phone3
            });
        },

        handbrandsum(e) {
            var brandsum = e.detail.value;
            this.setData({
                indexs: brandsum
            });
        },

        done() {
            this.setData({
                showModal: false,
                showModalcard: false,
                showModalsales: false,
                showModalselect: false,
                showModalproduct: false,
                showModalhandbrand: false,
                showModalcoupon: false
            });
        },

        Confirmationbut() {
            const { marketprice, lists } = this; // lists.map((item) => {
            //   if (item.resultsPrice > marketprice || item.commissionPrice > marketprice) {
            //     item.confirmat = true
            //   } else {
            //     item.confirmat = false
            //   }
            //   return item
            // })
            // setTimeout(() => {
            //   lists.map((item) => {
            //     if (item.confirmat == true) {
            //       wx.showToast({
            //         title: '业绩或提成不能大于总金额',
            //         icon: 'none'
            //       })
            //     } else {
            //       this.setData({
            //         showModalsales: false
            //       })
            //     }
            //     return item
            //   })
            // }, 500);

            this.setData({
                showModalsales: false
            });
        },

        getShopHangOrderById(id) {
            _request
                .get('/hangOrder/getShopHangOrderById', {
                    id: id
                })
                .then((res) => {
                    let data = res.data.data;

                    if (data.jsonStr) {
                        data.jsonStr = JSON.parse(data.jsonStr);
                    }

                    console.log(data.jsonStr);
                    this.setData({
                        memberid: res.data.data.memberId,
                        cardname: data.jsonStr.orderList[0].cardname,
                        cardid: data.jsonStr.cardid,
                        info: data.jsonStr.info,
                        marketprice: data.jsonStr.orderList[0].marketprice,
                        memberlist: data.jsonStr.memberlist,
                        // serviceIds: data.jsonStr.serviceIds,
                        infoList: data.jsonStr.orderList,
                        afhalistac: data.jsonStr.afhalistac,
                        clCardlists: data.jsonStr.clCardlists,
                        productCategoryName: data.jsonStr.orderList[0].serviceName,
                        arrlist: data.jsonStr.mallCartItemReqs.map((item) => {
                            item.specification = JSON.parse(item.specification);
                            return item;
                        }) // payNum: data.jsonStr.payNum,
                        // num: data.jsonStr.orderAmount,
                        // couponid: data.jsonStr.couponid,
                        // discountsData: data.jsonStr.discountsData,
                        // remark: data.jsonStr.remark,
                        // MemberDiscountDTO: data.jsonStr.MemberDiscountDTO
                    });
                    this.getMemberCoupons(data.jsonStr.orderAmount);
                    console.log(this.infoList);
                });
        },

        toShowModal(e) {
            this.setData({
                showModal: true
            });
        },

        Choosecard() {
            this.setData({
                showModalcard: true
            });
        },

        moresales() {
            const { cardid } = this;

            if (cardid == '') {
                uni.showToast({
                    title: '请先选择一种卡',
                    icon: 'none'
                });
                return;
            } else {
                this.setData({
                    showModalsales: true
                });
            }
        },

        pagesFn: function (e) {
            let type = e.currentTarget.dataset.type;
            let number = e.currentTarget.dataset.number;
            let pagesNum = e.currentTarget.dataset.number;
            let that = this;

            if (typeof type == 'string') {
                //上下页
                if (type == 'previous_page') {
                    //上一页
                    if (that.pagesNum - 1 < 1) {
                        return false;
                    }

                    if ((that.pagesNum - 1) % 2 == 0) {
                        if (that.pagesNum - 3 <= 1) {
                            this.setData({
                                lastPage: true,
                                frontPage: false
                            });
                        }

                        that.setData({
                            tyindex: that.pagesNum - 2,
                            pagesNum: that.pagesNum - 1
                        });
                    } else {
                        that.setData({
                            pagesNum: that.pagesNum - 1
                        });
                    }
                } else if (type == 'next_page') {
                    //下一页
                    if (that.pagesNum + 1 > that.maxPages) {
                        return false;
                    }

                    if (that.pagesNum % 2 == 0) {
                        console.log(that.pagesNum + 2);
                        console.log(that.maxPages);

                        if (that.pagesNum + 2 >= that.maxPages) {
                            this.setData({
                                lastPage: false,
                                frontPage: true
                            });
                        }

                        that.setData({
                            tyindex: that.pagesNum + 1,
                            pagesNum: that.pagesNum + 1
                        });
                    } else {
                        that.setData({
                            pagesNum: that.pagesNum + 1
                        });
                    }
                } else if (type == 'start') {
                    //第一页
                    that.setData({
                        pagesNum: 1,
                        tyindex: 1,
                        lastPage: true,
                        frontPage: false
                    });
                } else {
                    //最后一页
                    if (that.maxPages % 2 == 0) {
                        that.setData({
                            pagesNum: that.maxPages,
                            tyindex: that.maxPages - 5,
                            lastPage: false,
                            frontPage: true
                        });
                    } else {
                        that.setData({
                            pagesNum: that.maxPages,
                            tyindex: that.maxPages + 1 - (that.maxPages % 2),
                            lastPage: false,
                            frontPage: true
                        });
                    }
                }
            } else {
                that.setData({
                    pagesNum: number
                });
            }

            this.getStoreServiceCard(this.pagesNum);
            console.log(this.pagesNum); // this.DataFn()可在此调用数据函数
        },

        // 去重选中
        deWeight: function (arr) {
            for (var i = 0; i < arr.length - 1; i++) {
                for (var j = i + 1; j < arr.length; j++) {
                    if (arr[i].staffId == arr[j].staffId) {
                        arr.splice(j, 1);
                    }
                }
            }

            return arr;
        },

        //
        delOneData(e) {
            const { index } = e.currentTarget.dataset;
            let data = this.infoList;
            data.splice(index, 1);
            this.setData({
                infoList: data
            });
            let num = 0;
            this.infoList.forEach((i) => {
                num += Number(i.memberPrice);
            });
            this.setData({
                num: num,
                payNum: num
            });
            this.getMemberCoupons(num);
            this.getMemberDiscount();
        },

        // 选择地址
        onClickafhalen(e) {
            console.log('111', e.currentTarget.dataset.item);
            const { index, item } = e.currentTarget.dataset;
            this.setData({
                afhaindex: index,
                afhalistac: item.storeLocationDto
            });
        },

        // 展示选择城市
        showmolde() {
            this.setData({
                show: true
            });
        },

        hideModal() {
            this.setData({
                showModal: false,
                showModalcoupon: false,
                showModalhandbrand: false,
                showModalsmearbut: false,
                showaddress: false,
                showModalselect: false
            });
        },

        openaddress(e) {
            if (e.currentTarget.dataset.id) {
                this.setData({
                    ids: e.currentTarget.dataset.id
                });
            }

            console.log('aaa', e);
            const { arrlist, addtypeindex, distributionType } = this;
            let distributionTypes = distributionType;
            console.log('distributionTypes', distributionTypes);
            this.setData({
                distributionType: distributionTypes
            });
            console.log('distributionTypes', distributionTypes);

            if (distributionType == 1) {
                this.setData({
                    addtypeindex: 1,
                    showaddress: true
                }); // this.gatherlist(this.data.memberlist.mobile)
            }

            if (distributionTypes == 2) {
                this.setData({
                    showaddress: true,
                    addtypeindex: 0
                });
                this.getPickUpStore();
            }

            if (distributionTypes == 3) {
                this.setData({
                    showaddress: true
                });
                this.getPickUpStore();
            }

            setTimeout(() => {
                if (addtypeindex == 1) {
                    this.getAreaList();
                }
            }, 500); // this.geturladdress()
            // this.getPickUpStore()
        },

        onClickaddtype(e) {
            const { index } = e.currentTarget.dataset;

            if (index === 0) {
                if (this.distributionType == 1) {
                    uni.showToast({
                        title: '不支持自提',
                        icon: 'none'
                    });
                    return;
                }
            } else if (index === 1) {
                if (this.distributionType == 2) {
                    uni.showToast({
                        title: '不支持快递',
                        icon: 'none'
                    });
                    return;
                }
            }

            this.setData({
                addtypeindex: index
            });
        },

        indexnamber(e) {
            if (e.currentTarget.dataset.status === 1) {
                uni.showToast({
                    title: '手牌号已被选择',
                    icon: 'none'
                });
                return;
            }

            const { index } = e.currentTarget.dataset;
            this.setData({
                indexs: index
            });
        },

        indexNamberFloor(e) {
            const { brand, pid, id } = e.currentTarget.dataset;
            this.setData({
                indexs: brand,
                pid: pid,
                fid: id
            });
        },

        pitchcard(e) {
            let marketprice = e.currentTarget.dataset.marketprice;
            let clCardlist = e.currentTarget.dataset.item;
            this.setData({
                clCardlist: clCardlist,
                cardname: e.currentTarget.dataset.cardname,
                cardid: e.currentTarget.dataset.id,
                marketprice: e.currentTarget.dataset.marketprice,
                showModalcard: false
            });
            this.getMemberCoupons(marketprice);
            console.log('e', e.currentTarget.dataset.id);
            let arr = [];
            arr.push(this.clCardlist);
            this.setData({
                clCardlists: arr
            });
            console.log(arr);
        },

        deladdress() {
            this.setData({
                defaultaddress: '',
                afhaindex: '',
                city: '省、市、区',
                detailAddress: '',
                afhalistac: ''
            });
        },

        // 挂单
        entryorders() {
            if (!this.indexs) {
                uni.showToast({
                    title: `请选择${this.selStatus === 1 ? '手牌号' : '门牌号'}`,
                    icon: 'none'
                });
                return;
            }

            let data = null;

            if (this.type == 1 || this.type == 2) {
                data = {
                    clCardlists: this.clCardlists,
                    info: this.info,
                    cardid: this.cardid,
                    couponid: this.couponid,
                    discountsData: this.discountsData,
                    remark: this.remark,
                    orderAmount: this.marketprice,
                    payNum: this.payNum,
                    MemberDiscountDTO: this.MemberDiscountDTO,
                    orderList: this.infoList,
                    memberlist: this.memberlist,
                    memberid: this.memberid || 0,
                    givingAmount: this.giveaway,
                    serviceIds: this.serviceIds
                };
                this.infoList.map((item) => {
                    item.cardname = this.cardname;
                    item.marketprice = this.marketprice;
                });
                let datas = JSON.stringify(data);

                _request
                    .postObj('/hangOrder/createHangOrder', {
                        brand: this.indexs,
                        hangType: Number(this.hangType),
                        jsonStr: datas,
                        shopId: uni.getStorageSync('shopId'),
                        memberId: this.memberid || 0,
                        floorId: this.selStatus === 2 ? this.fid : undefined
                    })
                    .then((res) => {
                        if (res.data.code == 200) {
                            uni.showToast({
                                title: '挂单成功'
                            });
                            uni.reLaunch({
                                url: '/pagesc/index/index'
                            });
                            setTimeout(() => {
                                this.setData({
                                    showModalhandbrand: false
                                });
                            }, 2000);
                        }
                    })
                    .catch((error) => {
                        console.log(error, 'error');
                    });
            }

            if (this.type == 4) {
                const {
                    clCardlists,
                    memberid,
                    afhalistac,
                    info,
                    shopId,
                    marketprice,
                    figure,
                    productCategoryName,
                    // lists,
                    infoList,
                    memberlist,
                    cardid,
                    couponid,
                    Discountlist,
                    type,
                    giveaway,
                    defaultaddress,
                    arrlist
                } = this;

                if (!this.defaultaddress.length && afhalistac == '') {
                    uni.showToast({
                        title: '请先选择收货地址',
                        icon: 'none'
                    });
                    return;
                } // let addressId = this.data.defaultaddress[0].id

                this.setData({
                    arrlist: this.arrlist.map((item) => {
                        item.distributionType = this.distributionType;
                        item.specification = JSON.stringify(item.specification);
                        return item;
                    })
                });
                data = {
                    memberlist: memberlist,
                    afhalistac: afhalistac,
                    additionalAmount: 0,
                    additionalItem: '',
                    addressId: this.addtypeindex == 0 ? '' : this.defaultaddress[0].id,
                    buyNow: true,
                    costPrice: marketprice,
                    createdBy: memberlist.userName,
                    discount: '',
                    orderList: infoList,
                    mallCartItemReqs: arrlist,
                    productCategoryName: productCategoryName,
                    givingShopAmount: figure,
                    memberDiscountList: Discountlist.MemberDiscountDTO,
                    memberId: memberlist.memberId,
                    mobile: memberlist.mobile,
                    price: marketprice,
                    info: info,
                    paymentMethod: 2,
                    storeId: uni.getStorageSync('storeId'),
                    shopId: uni.getStorageSync('shopId'),
                    state: '',
                    storeUserId: uni.getStorageSync('userId'),
                    userId: uni.getStorageSync('userId'),
                    joinStaffREQS: infoList,
                    givingAmount: giveaway
                };
                this.infoList.map((item) => {
                    item.cardname = this.cardname;
                    item.marketprice = this.marketprice;
                    item.serviceName = this.productCategoryName;
                });
                let datas = JSON.stringify(data);

                _request
                    .postObj('/hangOrder/createHangOrder', {
                        brand: this.indexs,
                        hangType: Number(this.hangType),
                        jsonStr: datas,
                        shopId: uni.getStorageSync('shopId'),
                        memberId: this.memberid || 0,
                        floorId: this.selStatus === 2 ? this.fid : undefined
                    })
                    .then((res) => {
                        if (res.data.code == 200) {
                            uni.showToast({
                                title: '挂单成功'
                            });
                            uni.reLaunch({
                                url: '/pagesc/index/index'
                            });
                            setTimeout(() => {
                                this.setData({
                                    showModalhandbrand: false
                                });
                            }, 2000);
                        }
                    })
                    .catch((error) => {
                        console.log(error, 'error');
                    });
            }
        },

        trueFun() {
            console.log('占位：函数 true 未声明');
        },

        editInputBlur() {
            console.log('占位：函数 editInputBlur 未声明');
        },

        blurPhone3() {
            console.log('占位：函数 blurPhone3 未声明');
        }
    }
};
</script>
<style>
.helpcard-bannerbox {
    width: 100%;
    height: 230rpx;
    background-size: 100% 100%;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/helpcard_banners.png');
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.girl {
    width: 100rpx;
    height: 100rpx;
    margin-left: 40rpx;
    margin-right: 29rpx;
    border-radius: 50%;
    box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(233, 74, 24, 0.16);
    /* border: 1rpx solid #fff; */
}

.girl2 {
    width: 100rpx;
    height: 100rpx;
    margin-right: 29rpx;
    border-radius: 50%;
}

.bannerbox-lt {
    height: 100rpx;
    display: flex;
    align-items: center;
}

.bannerbox-rl {
    margin-right: 40rpx;
    text-align: center;
    line-height: 60rpx;
    width: 120rpx;
    height: 60rpx;
    background: #ffffff;
    box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(233, 74, 24, 0.16);
    border-radius: 30rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}

.helpcard-conterbox {
    width: 100%;
    background: #ffffff;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    margin-top: -20rpx;
}

.helpcard-conter {
    padding: 0rpx 40rpx;
}

.vip-info {
    height: 92rpx;
    line-height: 92rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    border-bottom: 1rpx solid #e5e5e5;
    color: #333333;
}

.card-namebox {
    height: 99rpx;
    display: flex;
    line-height: 99rpx;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.card-namebox2 {
    width: 670rpx;
    margin: 0 auto;
    height: 99rpx;
    display: flex;
    line-height: 99rpx;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.cardname_lt {
    display: flex;
    align-items: center;
}

.cardname_rl {
    width: 20rpx;
    height: 23rpx;
}

.card_name {
    width: 170rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    text-align: right;
}

.card_name2 {
    width: 210rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    text-align: right;
}

.lt-namebox {
    display: flex;
    align-items: center;
    margin-bottom: 10rpx;
}

.select_card {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}
.select_cards {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    width: 500rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.linkman {
    width: 28rpx;
    height: 26rpx;
    margin-right: 10rpx;
}

.da-name {
    font-size: 32rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.linkman2 {
    width: 22rpx;
    height: 33rpx;
    margin-right: 17rpx;
}

.autogeneration {
    text-align: center;
    line-height: 54rpx;
    width: 140rpx;
    height: 54rpx;
    background: #e94a18;
    border-radius: 27rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.no-autogeneration {
    width: 180rpx;
    height: 54rpx;
    background: #e5e5e5;
    border-radius: 27rpx;
    text-align: center;
    line-height: 54rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.info_nomore {
    width: 22rpx;
    height: 14rpx;
}

.card-infobox {
    text-align: center;
    width: 670rpx;
    height: 108rpx;
    line-height: 108rpx;
    background: #f8f8f8;
    margin-top: 10rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.time_card {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.calendar {
    width: 28rpx;
    height: 28rpx;
}

.base-box {
    z-index: 9990;
    position: fixed;
    bottom: 0rpx;
    width: 100%;
    height: 328rpx;
    background: #ffffff;
    border: 1rpx solid #dcdcdc;
    box-shadow: 2rpx -9rpx 20rpx 0rpx rgba(160, 159, 159, 0.1);
}

.base_btn {
    width: 100%;
    height: 540rpx;
}

.sumtotal {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.base-botton {
    width: 670rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 76rpx;
}

.botton-entry {
    text-align: center;
    line-height: 80rpx;
    width: 320rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 40rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

/* 模态框 */
.modal-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9996;
    color: #fff;
}

.modal-mask2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9999;
    color: #fff;
}

/* 白色背景 */
.modal-content {
    position: fixed;
    top: 380rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 500rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.modal-content-showModalproduct {
    position: fixed;
    top: 280rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 650rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.modal-content-showModalhandbrand {
    position: fixed;
    top: 280rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 850rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.modal-content-card {
    position: fixed;
    top: 380rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 750rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.card-cl {
    color: #e94a18;
}

.modal-content-card2 {
    position: fixed;
    top: 380rpx;
    z-index: 9997;
    width: 670rpx;
    margin-left: 40rpx;
    height: 850rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}

.modal_title {
    height: 130rpx;
    display: flex;
    align-items: center;
    padding-left: 22rpx;
    background-color: #fff;
    color: #fff;
    text-align: center;
    /* border-radius: 20rpx 20rpx 0px 0px; */
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 130rpx;
    border-bottom: 1rpx solid #e5e5e5;
}

.qrcodetextbox {
    text-align: center;
    height: 113rpx;
    border-bottom: 1rpx solid #e5e5e5;
}

.qrcodetext {
    margin: 0 12rpx;
    font-size: 36rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 113rpx;
}

.qrcodeimage {
    width: 300rpx;
    height: 300rpx;
    display: block;
    margin: 0 auto;
}

.qrcodespan {
    display: block;
    text-align: center;
    font-size: 24rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    margin-top: 20rpx;
}

.modal_titleicon {
    width: 82rpx;
    height: 82rpx;
    background: linear-gradient(0deg, #f1aa14 0%, #fb7099 100%);
    border: 2rpx solid #ffffff;
    box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(156, 100, 2, 0.2);
    border-radius: 50%;
}

.modal_titletext {
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-left: 8rpx;
}

.modal_textarea {
    height: 395rpx;
    width: calc(100% - 40rpx);
    margin: 20rpx;
    overflow: visible !important;
}

.done {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    top: 18rpx;
    right: 11rpx;
}

.modal_textarea textarea {
    height: 100%;
    width: 100%;
}

/* .qrcodebox {
  height: 506rpx;
  text-align: center;
} */

.qrcodeicons {
    padding: 0rpx 20rpx 0 30rpx;
    line-height: 120rpx;
    width: 500rpx;
    height: 120rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 80rpx;
}

.actuallypaid {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.qrcodeiconbox {
    margin-top: 48rpx;
    width: 100rpx;
    text-align: center;
}

.wechattext {
    font-size: 24rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.wechatvip {
    width: 100rpx;
    height: 100rpx;
}

.btn {
    height: 70rpx;
    width: 390rpx;
    background-color: #5a94ff;
    color: #fff;
    text-align: center;
    line-height: 70rpx;
    border-radius: 50rpx;
    margin: 0 auto;
    margin-top: 40rpx;
    overflow: visible;
}

/* 底部电话弹窗 */

.zindex-99 {
    z-index: 99;
}

.overlaybox {
    position: absolute;
    bottom: 170rpx;
    margin: 100rpx 20rpx;
    width: 710rpx;
    background-color: white;
    border-radius: 20rpx;
}

.overlaybox1 {
    height: 100rpx;
    border-radius: 80rpx;
    line-height: 100rpx;
    text-align: center;
    color: #007aff;
}

.overlaytext1 {
    text-align: center;
    font-size: 30rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000;
    height: 50rpx;
    line-height: 50rpx;
}

.overlaytext2 {
    text-align: center;
    font-size: 30rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000;
    height: 50rpx;
}

.overlaybox2 {
    width: 710rpx;
    height: 100rpx;
    background-color: white;
    line-height: 100rpx;
    text-align: center;
    line-height: 100rpx;
    margin: 100rpx 20rpx;
    margin-top: 30rpx;
    border-radius: 80rpx;
    color: #007aff;
    position: absolute;
    bottom: 50rpx;
}

.time-box2 {
    width: 210rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.time-box2q {
    width: 300rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.time-left {
    width: 21rpx;
    height: 15rpx;
}

.qrcodetextbox2 {
    display: flex;
    height: 180rpx;
    align-items: center;
}

.input-phone-up {
    width: 590rpx;
    height: 80rpx;
    border-radius: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1rpx solid #dcdcdc;
    border-radius: 40px;
    margin: 0 auto;
    padding-left: 20rpx;
}

.inquire2 {
    text-align: center;
    width: 120rpx;
    line-height: 60rpx;
    height: 60rpx;
    background: #e94a18;
    border-radius: 30rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    margin-right: 10rpx;
}

.replace-box {
    width: 590rpx;
    height: 120rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.replace-box2 {
    width: 590rpx;
    height: 120rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 20rpx;
}

.replace-lt {
    display: flex;
    align-items: center;
    height: 80rpx;
    margin-left: 20rpx;
}

.replace-rl {
    width: 120rpx;
    height: 54rpx;
    background: #e94a18;
    border-radius: 27rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    line-height: 54rpx;
    margin-right: 10rpx;
    text-align: center;
}

.done {
    width: 26rpx;
    height: 26rpx;
    margin-right: 10rpx;
}

.Cardtype-box {
    height: 420rpx;
}

.Cardtype-title {
    width: 590rpx;
    height: 80rpx;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/card-type.png');
    background-size: 100% 100%;
}

.type-cardbox {
    width: 590rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 230rpx;
    margin: 30rpx auto;
    background: #ffffff;
    box-shadow: 0rpx 8rpx 10rpx 0rpx rgba(233, 74, 24, 0.1);
    border-radius: 10rpx;
}

.icon_xios {
    width: 45rpx;
    height: 45rpx;
    position: absolute;
    right: 20rpx;
    margin-top: -80rpx;
}
.icon_xios2 {
    width: 45rpx;
    height: 45rpx;
    position: absolute;
    right: 20rpx;
}

/* .align-stretchs {
  width: 130rpx;
  height: 130rpx;
  position: absolute;
  top: 0rpx;
  right: 0rpx;
} */

.shopcard-title {
    width: 100%;
    height: 71rpx;
    line-height: 71rpx;
    background-size: 100% 100%;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/icon_anki.png');
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title2-name {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #883d01;
    margin-left: 21rpx;
    width: 500rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cicard {
    width: 82rpx;
    height: 45rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/ci-card.png');
    background-size: 100% 100%;
    line-height: 36rpx;
}

.cicard-info {
    height: 120rpx;
    display: flex;
    align-items: center;
    margin-top: 20rpx;
}

.cicard-infoconter {
    width: 550rpx;
    margin: 0 auto;
}

.cards-name {
    display: flex;
    justify-content: space-between;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    align-items: center;
    overflow: hidden;
}
.names-ma {
    width: 100rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.cards-bt {
    margin-top: 10rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bt-time {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.frequencys {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.price-card {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.frequency-but {
    text-align: center;
    line-height: 54rpx;
    width: 140rpx;
    height: 54rpx;
    background: #e94a18;
    border-radius: 27rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

/* 分页 */
/* pages/ceshiPages/index.wxss */

.containers {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pages_box {
    margin-top: 115rpx;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.pages_box > view {
    margin-left: 50rpx !important;

    width: 56rpx;
    height: 56rpx;
    line-height: 56rpx;
    text-align: center;
    background: #ffffff;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(153, 153, 153, 0.26);
    border-radius: 6rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.pages_box > view.active {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}

.pagesFn {
    margin-left: 30rpx !important;
}

.pages_box > view:last-child,
.pages_box > view:first-child {
    width: 56rpx;
    text-align: center;
    font-size: 25rpx;
    background: #ffffff;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(153, 153, 153, 0.26);
    border-radius: 6rpx;
    margin-left: 50rpx !important;
}

.sales-conterbox {
    width: 590rpx;
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 0 auto;
    margin-top: 20rpx;
    display: flex;
    align-items: center;
}

.sales-lt {
    display: flex;
    justify-content: space-between;
    width: 294rpx;
    height: 100%;
    border-right: 1rpx solid #e5e5e5;
    align-items: center;
}

.sales-ltname {
    display: flex;
    align-items: center;
}

.sales-ltbox {
    padding: 0rpx 20rpx;
    height: 28rpx;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.name_sale {
    width: 130rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
}

.name_sale2 {
    font-size: 26rpx;
    /* margin-left: 30rpx; */
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-right: 5rpx;
}

.sales-rl {
    width: 294rpx;
    height: 100%;
}

.performance {
    height: 69rpx;
    line-height: 69rpx;
    border-bottom: 1rpx solid #e5e5e5;
    padding-left: 20rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    display: flex;
    align-items: center;
}

.input-aa {
    width: 160rpx;
}

.append {
    display: block;
    width: 68rpx;
    height: 68rpx;
    margin: 0 auto;
    margin-top: 40rpx;
}

.roll-sales {
    overflow-y: auto;
    height: 420rpx;
}

.placeholder-style2 {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #999999;
}

.bigbox {
    width: 30rpx;
    height: 30rpx;
    border: 1px solid #e94a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30rpx;
}
.pay_icon_6 {
    width: 30rpx;
    height: 30rpx;
}
.bigbox2 {
    width: 30rpx;
    height: 30rpx;
    border: 1px solid #e94a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bigbox3 {
    width: 30rpx;
    height: 30rpx;
    border: 1px solid #e94a18;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15rpx;
}
.smbox {
    width: 18rpx;
    height: 18rpx;
    border-radius: 50%;
    background: #e94a18;
}
.replace {
    width: 54rpx;
    height: 54rpx;
    margin-right: 15rpx;
}

.topboxtext {
    text-align: left;
    width: 400rpx;
    margin: 0 auto;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 39rpx;
}

.topboxtext-box {
    display: flex;
}

.topboxtext-name {
    margin-bottom: 10rpx;
    width: 200rpx;
    text-align: right;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.bifbox {
    width: 30rpx;
    height: 30rpx;
}

.actuallypaid-sum {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}

.handbrand-conter {
    display: flex;
    flex-wrap: wrap;
    padding: 0rpx 20rpx;
    margin-top: 40rpx;
}

.handbrandnumber {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e5e5e5;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
}

.handbrandnumberac {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
    color: #fff;
}

.handbrandnumberac:nth-child(5n) {
    margin-right: 0;
}

.handbrandnumber:nth-child(5n) {
    margin-right: 0;
}
.noSelete {
    background: #ccc !important;
    color: #e5e5e5 !important;
}
.mains {
    height: 516rpx;
    overflow-y: auto;
}
.mainss {
    height: 436rpx;
    overflow-y: auto;
}
.coupon-box {
    width: 622rpx;
    height: 190rpx;
    background-image: url('https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/showModalcoupon.png');
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.coupon-lt {
    width: 167rpx;
    height: 155rpx;
    /* background-color: aquamarine; */
}

.coupon-sum {
    margin-top: 20rpx;
}

.money {
    font-size: 44rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}

.reduction {
    text-align: center;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.coupon-rl {
    width: 400rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 15rpx;
}

.coupon-name {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.coupon-ao {
    width: 350rpx;
}

.coupon-time {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
    margin-top: 10rpx;
}

.moneytext {
    font-size: 28rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.no-couponbut {
    width: 408rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    margin: 0 auto;
    margin-top: 60rpx;
    text-align: center;
    line-height: 66rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.bnt-sell {
    display: flex;
    padding: 0rpx 40rpx;
    justify-content: space-between;
    align-items: center;
}

.bnt-selllt {
    width: 201rpx;
    text-align: center;
    line-height: 66rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
    height: 66rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
}

.bnt-sellrl {
    text-align: center;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
    line-height: 66rpx;
    width: 200rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
}

.name_sale2box {
    display: flex;
    align-items: center;
    text-align: right;
}

.goods_list {
    /* height: 520rpx; */
    margin-top: 20rpx;
    background: #ffffff;
}
.specified_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20rpx;
}
.girl2 {
    width: 80rpx;
    height: 80rpx;
    margin-right: 29rpx;
    border-radius: 50%;
}

.list_t {
    margin: 0rpx -40rpx;
    display: flex;
    height: 99rpx;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}

.list_ts {
    display: flex;
    height: 99rpx;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}

.list_t_l {
    display: flex;
    align-items: center;
}

.num {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-left: 40rpx;
}
.num2 {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-left: 10rpx;
}
.list_t_rs1 {
    width: 200rpx;
    display: flex;
    justify-content: space-between;
}

.name {
    margin-left: 10rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
.name2 {
    margin-left: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
.list_t_r {
    /* width: 200rpx; */
    margin-right: 40rpx;
    display: flex;
    justify-content: space-between;
}
.list_t_rs {
    width: 200rpx;
    display: flex;
    justify-content: space-between;
}

.edit_icon {
    width: 68rpx;
    height: 68rpx;
}

.del_icon {
    width: 68rpx;
    height: 68rpx;
}

.list_c {
    border-bottom: 1rpx solid #e5e5e5;
}

.list_c_t {
    width: 670rpx;
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 30rpx 0rpx;
    display: flex;
}

.list_c_t_l {
    width: 334rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1rpx solid #e5e5e5;
}

.no {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-right: 33rpx;
}

.n {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    display: block;
    width: 100rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inputPci {
    width: 100rpx;
    margin-left: 15rpx;
}

.list_c_t_r {
    width: 335rpx;
}

.results {
    height: 70rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1rpx solid #e5e5e5;
}

.results text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.commission {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70rpx;
}

.commission text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.list_c_b {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40rpx;
    margin-bottom: 40rpx;
}

.list_c_b image {
    width: 68rpx;
    height: 68rpx;
}

.list_b {
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.address-box {
    width: 100%;
    height: 340rpx;
    border-bottom: 20rpx solid #f1f1f1;
    background-color: #fff;
}
.address_icon {
    width: 26rpx;
    height: 32rpx;
}
.address_text {
    display: flex;
    padding: 0rpx 40rpx;
    justify-content: space-between;
    margin-top: 50rpx;
}
.address_lt {
    width: 510rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
.address-typebox {
    display: flex;
    width: 590rpx;
    height: 99rpx;
    margin: 0 auto;
    border-bottom: 1rpx solid #e5e5e5;
    align-items: center;
}
.address-typebox2 {
    display: flex;
    width: 590rpx;
    margin: 0 auto;
}
.address-typebox3 {
    width: 590rpx;
    margin: 0 auto;
}
.typebox-lt {
    width: 150rpx;
    height: 37rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.typebox-lt2 {
    width: 150rpx;
    height: 37rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 45rpx;
}
.typeboxmax {
    display: flex;
    align-items: center;
}
.align-end {
    width: 440rpx;
    display: flex;
    justify-content: space-between;
}
.align-end2 {
    height: 130rpx;
    width: 440rpx;
    display: flex;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}
.addtype {
    height: 37rpx;

    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
/* .typebox-rl{


} */
.on-bntaddre {
    display: flex;
    padding: 0rpx 40rpx;
    justify-content: space-between;
    margin: 40rpx 0rpx;
}
.cancel-bnt {
    width: 201rpx;
    text-align: center;
    height: 67rpx;
    line-height: 67rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}
.confirm-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 200rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.h-86 {
    height: 86rpx;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.text1 {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    width: 140rpx;
}

.detail {
    padding: 20rpx 0;
}

.detail > .text1 {
    position: relative;
    top: -36rpx;
}
input {
    font-size: 28rpx;
}
.textarea {
    height: 100rpx;
    width: 500rpx;
    font-size: 28rpx;
}

.textarea-placeholder {
    font-size: 24rpx;
    color: #999999;
}

.placeholder-class {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000;
    min-width: 350rpx;
}
.centers {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 10rpx 0;
}
.van-popup {
    z-index: 9999 !important;
}
.placeholder-style2 {
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #999999;
}
.list_c_b2 image {
    width: 68rpx;
    height: 68rpx;
}
.list_c_b2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80rpx;
}
.modal-showaddress {
    position: fixed;
    top: 380rpx;
    z-index: 9996;
    width: 670rpx;
    margin-left: 40rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}
.one_floor {
    border-bottom: 1rpx solid #e5e5e5;
}
.floor_title view {
    width: 8rpx;
    height: 8rpx;
    background: #e94a18;
    border-radius: 50%;
    margin-left: 39rpx;
}
.floor_title text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #222222;
    margin-left: 10rpx;
}
.handbrand-conter {
    display: flex;
    flex-wrap: wrap;
    padding: 0rpx 20rpx;
    margin-top: 40rpx;
    margin-left: 25rpx;
}
.btn_floor {
    margin: 0 auto;
}
.handbrandnumber {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e5e5e5;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
}
.noSelete {
    background: #ccc !important;
    color: #e5e5e5 !important;
}
.handbrandnumberac {
    text-align: center;
    line-height: 80rpx;
    width: 80rpx;
    height: 80rpx;
    background: #e94a18;
    border-radius: 10rpx;
    margin: 0 48rpx 48rpx 0;
    color: #fff;
}

.handbrandnumberac:nth-child(5n) {
    margin-right: 0;
}

.handbrandnumber:nth-child(5n) {
    margin-right: 0;
}

.mains {
    height: 516rpx;
    overflow-y: auto;
}

.coupon-mai {
    display: flex;
    height: 67rpx;
    width: 550rpx;
    margin: 0 auto;
    justify-content: space-between;
}

.cancel-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 201rpx;
    height: 67rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.floor_title {
    display: flex;
    align-items: center;
    margin-top: 30rpx;
}

.showTip {
    color: #eb4242;
    font-size: 12px;
}
</style>
